<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="zh" xmlns="http://www.w3.org/1999/xhtml" lang="zh"><head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>书酷</title>

<link rel="shortcut icon" href="kid.ico">
<link rel="stylesheet" href="http://static1.hainei.com/css/base.css?12816.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="http://static1.hainei.com/css/all.css?12816.css" type="text/css" media="screen" charset="utf-8">
<script type="text/javascript">
if(typeof(HTMLElement)!="undefined")   //给firefox定义contains()方法，ie下不起作用
{  
      HTMLElement.prototype.contains=function(obj)  
      {  
          while(obj!=null&&typeof(obj.tagName)!="undefind"){ //通过循环对比来判断是不是obj的父元素
  　　　　if(obj==this)  return true;  
  　　　　obj=obj.parentNode;
   　　}  
          return false;  
      };  
}
</script>
<script type="text/javascript">
	function getbook(num){
		for(i=1;i<=6;i++)
			document.getElementById("sk_botton"+i).className="";
		document.getElementById("sk_botton"+num).className="current";
	}

	function showcomment(i,id){
		l_base="132";
		t_base="162";
		i=i-1;
		l=i%5*95+132;
		t=(i-i%5)/5*145+162;
		document.getElementById('app-book-comment-bubble').style.display="block";
		document.getElementById('app-book-comment-bubble').style.left=l+"px";
		document.getElementById('app-book-comment-bubble').style.top=t+"px";
	}
	function hiddencomment(event){
		if(navigator.userAgent.indexOf("MSIE")>0) {
			if(!this.contains(event.toElement))
				this.style.display="none";
		}
		if(navigator.userAgent.indexOf("Firefox")>0){
			if(!this.contains(event.relatedTarget))
				this.style.display="none";
		} 
	}
	function showdialog(i,id){
		document.getElementById('app-book-comment-dialog-c').style.visibility="visible";
	}
	function hiddendialog(){
		document.getElementById('app-book-comment-dialog-c').style.visibility="hidden";
	}

	function rating_box_over(id){
		document.getElementById("sk_rate").className="rate-star rate-star"+id;
	}

	function rating_box_out(){
		document.getElementById("sk_rate").className="rate-star rate-star"+document.getElementById("sk_rate").textContent;
	}

	function rating_box_click(id){
		document.getElementById("sk_rate").textContent=id;
		document.getElementById("sk_rate_input").value=id;
	}

	function sk_show_books(param){
		var books=new Array();
		books=param.split(";");
		num=books[0];
		for(i=1;i<=num;i++){
			var item=new Array();
			item=books[i].split(",");
			str='';
			str+='<div class=\"book\" style=\"width: 87px;\">';
			str+='<a href=\"\" title=\"书的连接\">';
			str+='<span style=\"width: 79px;\" class=\"cover\"></span>';
			str+='<span class=\"edge\"></span>';
			str+='<img src=\"'+item[3]+'\" alt=\"书名\" width=\"79\">';
			str+='</a>';
			str+='<span class=\"bubble app-book-comment\" onmouseover=\"showcomment('+i+','+item[0]+');\" aid=\"0\"></span>';
			str+='</div>';
			str+='<div class=\"book-rating-bar\" onclick=\"showdialog('+i+','+item[0]+');\">';
			str+='<span class=\"book-rating app-book-comment\" rel=\"\" aid=\"0\"><span class=\"rate-star rate-star'+item[2]+'\">'+item[2]+'</span>';
			str+='</span>';
			str+='</div>';
			document.getElementById("item-"+i).innerHTML=str;
		}
	}
</script>
</head>
<body>
<div id="doc">
<div id="globalbody" class="widebody">
<div id="container">
	<div id="content">
		<div id="book-head">
			<div id="toc">
				<h2>
					<img src="books_files/book.gif" alt=""> 我的书酷
				</h2>
				<ul>
					<li class="current">
						<a href="">我的书酷</a>
					</li>
				</ul>
				<form action="" method="get">
				<p class="bar bk-bar">
					<input id="book_name" style="width:180px left:20px" class="f-text unsharp" name="r" type="text">
					<input class="f-button" value="搜索" type="submit">
				</p>
				</form>
			</div>
		</div>

<div id="shelf" class="books-shelf">
<table id="shelfTable" class="books-shelf-table" uname="李宏展" iss="1" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
	<td class="left" rowspan="4">&nbsp;</td>
	<td class="view" colspan="3">&nbsp;</td>
	<td class="list" rowspan="4">
		<ul class="category" id="books-category" >
			<li class="" id="sk_botton1">
				<a href="javascript:getbook('1');" rel="4">我拥有的书<span class="count"> (2)</span></a>
			</li>
			<li class="border"></li>
			<li class="" id="sk_botton2">
				<a href="javascript:getbook('2');" rel="1">我想读的书<span class="count"> (4)</span></a>
			</li>
			<li class="" id="sk_botton3">
				<a href="javascript:getbook('3');" rel="2">我在读的书<span class="count"> (0)</span></a>
			</li>
			<li class="" id="sk_botton4">
				<a href="javascript:getbook('4');" rel="3">我读过的书<span class="count"> (1)</span></a>
			</li>
			<li class="border"></li>
			<li class="current" id="sk_botton5">
				<a href="javascript:getbook('5');" rel="0">所有书<span class="count"> (7)</span></a>
			</li>
			<li class="border"></li>
			<li class="" id="sk_botton6">
				<a href="javascript:getbook('6');" rel="0">书酷的推荐<span class="count"> (7)</span></a>
			</li>
			<li class="border"></li>
			<li class="" id="sk_botton6">
				<p>我的书签：</p>
			</li>
		</ul>
		<div id tag_list>
			&nbsp;&nbsp;
			&nbsp;<a>tag1</a>
			&nbsp;<a>tag2</a>
			&nbsp;<a>tag3</a>
			&nbsp;<a>tag4</a>
		</div>
	</td>
</tr>
<tr>
	<td class="b-left">&nbsp;</td>
	<td class="b-content">
<div class="container" id="books-container">


<!--书架第一行-->
<div class="row" style="width: 570px;">
<div class="item" id="item-1">
	<div class="book" style="width: 87px;">
		<a href="" title="书的连接">
			<span style="width: 79px;" class="cover"></span>
			<span class="edge"></span>
			<img src="" alt="C++ Primer中文版" width="79">
		</a>
		<span class="bubble app-book-comment" onmouseover="showcomment();" aid="0"></span>
	</div>
	<div class="book-rating-bar" onclick="showdialog();">
		<span class="book-rating app-book-comment" rel="" aid="0"><span class="rate-star rate-star4">1</span>
		</span>
	</div>
</div>
<div class="item" id="item-2"></div>
<div class="item" id="item-3"></div>
<div class="item" id="item-4"></div>
<div class="item" id="item-5"></div>
		
<div style="overflow: hidden; height: 0pt; clear: both;"></div>
</div>

<!--书架第二行-->
<div class="row" style="width: 570px;">
<div class="item" id="item-6"></div>
<div class="item" id="item-7"></div>
<div class="item" id="item-8"></div>
<div class="item" id="item-9"></div>
<div class="item" id="item-10"></div>
<div style="overflow: hidden; height: 0pt; clear: both;"></div>
</div>


<!--书架第三行-->
<div class="row" style="width: 570px;">
<div class="item" id="item-11"></div>
<div class="item" id="item-12"></div>
<div class="item" id="item-13"></div>
<div class="item" id="item-14"></div>
<div class="item" id="item-15"></div>
<div style="overflow: hidden; height: 0pt; clear: both;"></div>
</div>


</div>
	</td>
	<td class="b-right">&nbsp;</td>
</tr>

<tr>
	<td class="view" colspan="3">
		<div class="paging">
			<a href="javascript:void(0);" class="next-disable" rel="0" title="下一页">下一页</a>
			<a href="javascript:void(0);" class="prev-disable" rel="0" title="上一页">上一页</a>
			<span class="page-nav">7 本中的第 1 - 7 本</span>
		</div>
	</td>
</tr>
</tbody>
</table>
</div>


</div>


</div>

<!--修改-->
<div id="app-book-comment-dialog-c" class="dialog-2-c" style="visibility: hidden; position: absolute; top: 202px; z-index: 1000; left: 287.5px; opacity: 1;">
	<div style="position: absolute; z-index: 1; height: 335px; width: 422px;" class="underlay"></div>
	<div style="position: absolute;" class="dialog-close close" onclick="hiddendialog();"></div>
	<form action="" method="post">
	<div id="app-book-comment-dialog" class="dialog-2" style="position: relative; z-index: 2;">
		<div style="visibility: inherit;" class="hd">
			<h3>修改</h3>
		</div>
		<div style="visibility: inherit;" class="bd">
			<div class="content">
				<p class="errorNoti">请先评价此书!</p>
				<p class="own">
					<label for="book-own">
						<input name="own" id="book-own" type="checkbox"> 我拥有这本书
					</label>
				</p>
				<p class="status">
					<label>
						<input id="sk_status0" name="status" value="read" type="radio"> 读过
					</label>
					<label>
						<input id="sk_status1" name="status" value="reading" type="radio"> 在读
					</label>
					<label>
						<input id="sk_status2" name="status" value="wish" checked="checked" type="radio"> 想读
					</label>
				</p>
				<p class="review">
					<strong>评价这本书： </strong>
					<span class="book-rating">
						<span id="sk_rate" class="rate-star rate-star3">3</span>
						<span id="sk_rating_box" class="rating-box" onmouseout="rating_box_out()">
							<a class="rating rating-1star" rel="1" onclick="rating_box_click(1);" onmouseover="rating_box_over(1)" href="javascript:void(0);">1</a>
							<a class="rating rating-2stars" rel="2" onclick="rating_box_click(2);" onmouseover="rating_box_over(2)" href="javascript:void(0);">2</a>
							<a class="rating rating-3stars" rel="3" onclick="rating_box_click(3);" onmouseover="rating_box_over(3)" href="javascript:void(0);">3</a>
							<a class="rating rating-4stars" rel="4" onclick="rating_box_click(4);" onmouseover="rating_box_over(4)" href="javascript:void(0);">4</a>
							<a class="rating rating-5stars" rel="5" onclick="rating_box_click(5);" onmouseover="rating_box_over(5)" href="javascript:void(0);">5</a>
						</span>	
					</span>
					<input id="sk_rate_input" name="rating" value="3" type="hidden">
				</p>
				<textarea id="app-book-review" name="review">好</textarea>
			</div>
		</div>
		<div style="visibility: inherit;" class="ft">
		<p class="act">
			<a href="javascript:void(0);" id="app-book-comment-del" rel="">删除</a>
			<input class="f-button submit" value="保存" type="submit">
			<input class="f-button f-alt close" value="取消" type="button">
		</p>
	</div>
</div>
</form>
</div>


<!--评论-->
<div style="display: none;" id="app-book-comment-bubble">
	<div class="bg-png" >
		<div class="review">
			<p class="quote">
				<q>好 (
					<a href="javascript:void(0);" class="app-book-comment" rel="" aid="0">修改</a>
					)
				</q>
			</p>
		</div>
	</div>
</div>
<script type="text/javascript">
	document.getElementById("app-book-comment-bubble").addEventListener("mouseout",hiddencomment,false);
	sk_show_books("12;1,1,1,,;1,1,2,,;1,1,3,,;1,1,4,,;1,1,1,,;1,1,1,,;1,1,1,,;1,1,2,,;1,1,3,,;1,1,4,,;1,1,1,,;1,1,1,,;");
</script>
</body>
</html>